<template>
    <div class="menu">
        <div class="menu-item" @click="router.push('/index')">
            首页
        </div>
        <div class="menu-item" @click="goDocs">帮助文档</div>
    </div>
</template>

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()

function goDocs() {
    window.open(window.location.origin + '/docs', '_blank')
}
</script>

<style lang="scss" scoped>
.menu {
    display: flex;
    background-color: transparent;
}

.menu-item {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 100px;
    cursor: pointer;
}
</style>

